module.exports = {
  publicPath: '/', //绝对路径，查找组件直接从项目根目录上进行查找（/src）
  outputDir: 'dist', // 构建输出目录
  lintOnSave: false, // 是否在保存时校验代码
  devServer: {
    port: 8082, // 启动端口，仅本机适用，nginx容器中自动统一用80端口进行管理
    open: true, // 自动打开浏览器
    proxy: {
      '/api': {
        target: 'http://localhost:8080', 
        // target: process.env.VUE_APP_API_BASE, // 代理到后台接口
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        }
      },
      '/chat': {
        target: 'https://simplellm.cpolar.cn',
        changeOrigin: true,
        pathRewrite: {
          '^/chat': '/'
        }
      }
    }
  },

  // --- 从这里开始是新增的配置 ---

  /**
   * @description 新增: 启用运行时编译 (Runtime + Compiler)
   * 这是为了让你可以在<script>块中使用 template 字符串来定义组件。
   * 这是解决 "runtime compilation is not supported" 错误的核心。
   */
  runtimeCompiler: true,

  /**
   * @description 新增: 配置 Vue 特性开关
   * 这是为了消除控制台关于 "__VUE_PROD_HYDRATION_MISMATCH_DETAILS__" 的警告，
   * 并为生产环境构建提供更好的优化。
   */
  chainWebpack: config => {
    config.plugin('define').tap(args => {
      args[0]['__VUE_OPTIONS_API__'] = JSON.stringify(true)
      args[0]['__VUE_PROD_DEVTOOLS__'] = JSON.stringify(false)
      args[0]['__VUE_PROD_HYDRATION_MISMATCH_DETAILS__'] = JSON.stringify(true)
      return args
    })
  }
  // --- 新增配置到此结束 ---

}
